.yg-category {
  .yg-category-nav {
    .category-nav-title {
      background-color: var(--themeColor);
      color:white;
    }
  }
  .yg-category-content {
    display: flex;
    .content-left {
      flex: 1;
      height: calc(100vh - 3.866667rem);
      background-color: #f3f3f3;
      overflow-y: scroll;
      .content-left-item{
          color:#323232;
          font-size: 0.426667rem;
          text-align: center;
          padding: 0.3rem 0;
      }
      .active{
        span{
          display: inline-block;
          width: 100%;
          color: var(--themeColor);
          border-left: 2px solid var(--themeColor);
        }
      }
    }
  
    .content-right {
      flex: 3;
      height: calc(100vh - 3.866667rem);
      background-color: #fff;
      overflow-y: scroll;
      .content-right-item{
        .right-item-title{
          height: 1.333333rem;
          line-height: 1.333333rem;
          text-align: center;
        }
        .product-list{
          display: flex;
          flex-wrap: wrap;
          
          .product-list-item{
            width: 33.33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            .imageWrapper{
              img{
                width: 1.6rem;
                height: 1.6rem;
              }
            }
            
          }
        }
      }
    }
  }
}